Now that you have generated the Contoso Site Tracking app you should take a few minutes to click through the app and explore its design. Take note of how you use a Gallery to browse the records from the Excel file. When you click on a record, you are taken to a different screen where a Form control displays the additional details. The app also includes the ability to edit those rows or even make a new row. This is a very functional app to build upon.

Explore the generated app

Your new three-screen app now opens in Power Apps Studio.

The following figure shows the main development window for Power Apps Studio, which you'll learn more about in later units.

Select Play in the upper-right corner to practice using the app. Notice that it includes all the data from the table and provides a good default experience.

All apps that are generated from data have the same set of screens that you can view from the Screens pane:

• Browse screen - This screen appears by default. In it, you can browse, sort, search, and refresh the data from the data source. In the browse screen, you can add items to the data source by selecting the plus sign ( + ).

• Details screen - The details screen shows all information about a single item. On this screen, you can open an item to edit or delete it.

• Edit/create screen - In this screen, you can edit an existing item or create a new one.

Close out of preview mode by selecting the "X" in the upper-right corner. To make your app visible on the phone, it needs to be saved. Select File , Save as . Replace the current title "App" with Contoso Site Tracking app , and then select Save . You will see a green check mark when all changes are successfully saved. You can now open the app on your phone.

Explore the browse screen

Each screen in the app has multiple controls, but one control takes up most of the screen space. The first screen in the app is the browse screen, which is named BrowseScreen1 by default.

Controls in the browse screen that you'll want to become familiar with include:

1. BrowseGallery1 - This control takes up most of the screen and shows data from your data source.

2. NextArrow1 - When this control is selected, it opens the details screen.

3. IconNewItem1 - When this control is selected, it opens the edit/create screen.

Explore the details screen

The details screen is named DetailScreen1 by default. Some of its controls are as follows:

1. DetailForm1 - This control contains other controls and contains a data card for each column of the row that is being displayed.

2. Address_DataCard1 - This is a card control. Each card represents a single column of the row. In this case, it shows the Address from the Site Inspector table, as shown in the previous unit.

3. IconEdit1 - When this control is selected, it opens the edit/create screen so that the user can edit the current item.

Explore the edit/create screen

The third screen in the app is EditScreen1 . Some of its controls include:

• EditForm1 - This control contains other controls and contains a data card for each column of the row that is being edited.

• Address_DataCard2 - This is a card control that shows the address from the Site Inspector table, as shown in the previous unit.

• IconAccept1 - When this control is selected, it saves the user's changes.